Angular CLI ইন্সটল এবং প্রথম প্রজেক্ট তৈরি করা

Web Development - অ্যাঙ্গুলার গুগল চার্ট (Angular Google Charts) - Angular Application সেটআপ (Setting Up Angular Application) |

Angular CLI (Command Line Interface) Angular অ্যাপ্লিকেশন তৈরি এবং পরিচালনার জন্য একটি শক্তিশালী টুল। এটি ব্যবহার করে দ্রুত Angular প্রজেক্ট তৈরি করা, নতুন কম্পোনেন্ট যোগ করা, বিল্ড এবং ডিপ্লয়মেন্ট করা যায়। নিচে Angular CLI ইন্সটল এবং প্রথম প্রজেক্ট তৈরির ধাপগুলো দেওয়া হলো।

Angular CLI ইন্সটল

প্রাথমিক প্রস্তুতি

Angular CLI ইন্সটল করার আগে Node.js এবং npm ইন্সটল করতে হবে। এগুলো Angular CLI-এর ডিপেনডেন্সি হিসেবে কাজ করে।

Step 1: Node.js ইন্সটল করা

Node.js ইন্সটল করুন Node.js অফিসিয়াল ওয়েবসাইট থেকে। ইন্সটলেশনের পর নিশ্চিত করুন যে Node.js এবং npm সঠিকভাবে কাজ করছে:

node -v
npm -v

উপরের কমান্ড দুটি যথাক্রমে Node.js এবং npm-এর সংস্করণ দেখাবে।

Step 2: Angular CLI ইন্সটল করা

Angular CLI গ্লোবালি ইন্সটল করতে নিচের কমান্ডটি চালান:

npm install -g @angular/cli

ইন্সটলেশন সফল হলে Angular CLI-এর সংস্করণ চেক করতে:

ng version

প্রথম প্রজেক্ট তৈরি করা

Step 1: নতুন Angular প্রজেক্ট তৈরি

Angular CLI ব্যবহার করে একটি নতুন প্রজেক্ট তৈরি করতে:

ng new my-angular-app

এটি চালানোর পর CLI আপনাকে নিচের বিষয়গুলোতে প্রশ্ন করবে:

Would you like to add Angular routing?
যদি অ্যাপ্লিকেশনে রাউটিং প্রয়োজন হয়, তাহলে Yes নির্বাচন করুন।
Which stylesheet format would you like to use?
পছন্দমতো CSS, SCSS, বা অন্য কোনো স্টাইল ফরম্যাট নির্বাচন করুন।

এটি একটি নতুন ফোল্ডারে Angular প্রজেক্টের জন্য প্রয়োজনীয় ফাইল এবং ডিপেনডেন্সি সেটআপ করবে।

Step 2: প্রজেক্ট ডিরেক্টরিতে প্রবেশ

প্রজেক্ট ডিরেক্টরিতে যান:

cd my-angular-app

Step 3: অ্যাপ চালানো

Angular অ্যাপ্লিকেশন চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

ng serve

এটি একটি ডেভেলপমেন্ট সার্ভার চালু করবে এবং ডিফল্টভাবে অ্যাপটি http://localhost:4200 এ রান করবে। ব্রাউজারে এই ঠিকানায় গিয়ে অ্যাপটি দেখা যাবে।

Angular প্রজেক্টের স্ট্রাকচার

Angular প্রজেক্ট তৈরি হলে নিচের প্রধান ফোল্ডার এবং ফাইলগুলো পাবেন:

src/app: অ্যাপ্লিকেশনের মূল কোড থাকে।
src/index.html: অ্যাপ্লিকেশনের এন্ট্রি পয়েন্ট।
src/main.ts: Angular অ্যাপ্লিকেশনের বুটস্ট্র্যাপিং ফাইল।
angular.json: অ্যাপ্লিকেশনের কনফিগারেশন ফাইল।
package.json: npm ডিপেনডেন্সি এবং স্ক্রিপ্ট সংক্রান্ত তথ্য।

নতুন কম্পোনেন্ট তৈরি

Angular CLI ব্যবহার করে সহজেই নতুন Component তৈরি করা যায়। উদাহরণস্বরূপ, header নামে একটি কম্পোনেন্ট তৈরি করতে:

ng generate component header

এটি src/app/header ফোল্ডারে একটি নতুন কম্পোনেন্ট তৈরি করবে।

সারাংশ

Angular CLI ব্যবহার করে দ্রুত এবং সহজে Angular অ্যাপ্লিকেশন তৈরি করা যায়। Node.js এবং Angular CLI সঠিকভাবে ইন্সটল করার পর আপনি প্রথম প্রজেক্ট তৈরি, চালানো এবং প্রয়োজনীয় কম্পোনেন্ট যোগ করতে পারবেন। CLI Angular ডেভেলপমেন্টের প্রক্রিয়াকে আরও কার্যকর এবং সহজ করে তোলে।

Content added By

Md Azizur Rahman

Angular CLI ইন্সটল এবং প্রথম প্রজেক্ট তৈরি করা

Angular CLI ইন্সটল এবং প্রথম প্রজেক্ট তৈরি করা